<!-- /templates/customers/reset_password.liquid -->

<div class="page-width page-container">
  <div class="customer__account-form text-center">

    <div class="form-vertical">
      {% form 'reset_customer_password' %}

        <h1 class="h2">{{ 'customer.reset_password.title' | t }}</h1>

        <p>{{ 'customer.reset_password.subtext' | t: email: email }}</p>

        {{ form.errors | default_errors }}

        <label for="ResetPassword" class="label--hidden">{{ 'customer.reset_password.password' | t }}</label>
        <input type="password" value="" name="customer[password]" id="ResetPassword" class="input-full {% if form.errors contains 'password' %} form-error{% endif %}" placeholder="{{ 'customer.reset_password.password' | t }}"/>

        <label for="PasswordConfirmation" class="label--hidden">{{ 'customer.reset_password.password_confirm' | t }}</label>
        <input type="password" value="" name="customer[password_confirmation]" id="PasswordConfirmation" class="input-full {% if form.errors contains 'password_confirmation' %} form-error{% endif %}" placeholder="{{ 'customer.reset_password.password_confirm' | t }}"/>

        <input type="submit" class="btn" value="{{ 'customer.reset_password.submit' | t }}"/>
      {% endform %}
    </div>

  </div>
</div>
